<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>我的收藏</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_bbs.css" />
    <style>
        .bbs_mainbox{
            position: relative;
        }
        .choosebox2{
            width: 80px;
            position: absolute;
            top:60px;
            left: 2px;
            background: #fff;
            padding-top: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 20%);
            z-index: 99999;
            
        }
       .topstyle2{
            height: 2rem;
            line-height: 2rem;
            text-align: center;
            border-bottom: dashed 0.5px #eee;
        }
        .maskbg{
            z-index: 98;
            position: fixed;
            top: 0;
            bottom: 0;
            width: 100%;
        }
    </style>
    
</head>

<body>
    <div id="app" v-cloak>

        <div v-if="isShow"  class="choosebox showTopstyle" style="height:100px;">
            <div class="topstyle" v-on:click="jubaoMsg()">举报记录</div>
            <div class="topstyle" style="border-bottom: none;" v-on:click="blackMsg()">黑名单</div>
        </div>
        <section id="main_refresh" class="aui-refresh-content">
        <div class="aui-content bbs huati">
            <div id="top_menus" class="menu_box" style="display: none;">
                <label v-for="item in menus" v-bind:class="{'active':item.id==ThreadStatus}" v-on:click="do_search_baike(item)">{{item.title}}</label>
            </div>
            <ul class="aui-list aui-media-list" v-if="chatlist.length>0">
                <template v-for="(item,index) in chatlist">
                  <div class="btn_line bbs_mainbox">
                      <!-- 弹框黑色背景 -->
                <div v-on:click="closebox()" v-if="selectId==item.id" class="maskbg">
                </div>
                       <!-- 弹出框 v-if="showTop" -->
                    <div v-if="selectId==item.id" class="choosebox2 showTopstyle" style="height:100px;">
                        <div class="topstyle2" v-on:click="jubao(item.UserID,item.id,item.ProjectID)">举报</div>
                        <div class="topstyle2" style="border-bottom: none;" v-on:click="addto_black(item.UserID,item.ProjectID)">拉黑</div>
                    </div>
                    <li style="border:0; padding-top:5px;" class="aui-list-item" v-on:click="open_win(item.Name,'dl_bbsdetail_frm',item.id)">
                        <section class="aui-chat">
                            <div  class="aui-chat-item aui-chat-left">
                                <div  class="aui-chat-media" @touchStart="gettouchStart(index,item.id,item.UserID)" @touchmove="gettouchmove()" @touchend="getttouchend()">
                                    <img v-bind:src="item.headimage" />
                                </div>
                                <div class="aui-chat-inner chat_title" v-on:click="closebox(index,item.id)">
                                    <div class="aui-chat-name">
                                        <span class="aui-label lllt_name">{{item.Name}}</span>
                                        <span class="chat_time">{{item.AddTime}}</span>
                                    </div>
                                    <div class="aui-chat-address" >
                                      <label class="location">{{item.myxiaoquname}}</label>
                                    </div>
                                </div>
                                <div class="aui-chat-inner chat_content">
                                    <div class="aui-ellipsis-2">
                                        <!-- <label class="chat_tag">#{{item.GroupName}}#</label> -->
                                        <div class="item_content" style="display: inline-block;" v-html="item.Content"></div>
                                    </div>
                                </div>
                            </div>
                            <div style="clear: both;"></div>
                        </section>
                    </li>
                    <li style="border:0;" class="aui-list-item comment_bottom">
                        <div class="aui-row">
                            <!-- <div class="aui-col-xs-6 chat_location">
                                <label class="location">{{item.myxiaoquname}}</label>
                            </div> -->
                            <div class="chat_rate">
                                <label v-on:click="do_praise(item)" v-if="item.cancomment">
                                    <i class="icon iconfont icon-dianzan1" style="font-size: 1.2rem; position: relative;top:2px"  v-bind:class="{'chk':item.ispraised}"></i>{{item.praisecount}}
                                </label>
                                <label v-on:click="open_win(item.Name,'dl_bbsdetail_frm',item.id,true)" v-if="item.cancomment">
                                    <i class="icon iconfont icon-tongzhi4" style="font-size: 0.9rem;"></i>{{item.commentcount}}
                                </label>
                                <label v-on:click="do_quxiao(item.id)" v-if="item.cancomment">
                                    <i class="icon iconfont icon-guanzhu"  style="font-size: 1.2rem; position: relative;top:2px; color: #ff9813;"></i>
                                </label>
                                <!-- <label v-on:click="do_quxiao(item.id)"><i class="icon iconfont icon-shanchu" style="font-size: 0.9rem;"></i></label> -->
                            </div>
                        </div>
                    </li>
                    <!-- <div class="borderline"></div> -->
                    </div>
                </template>
            </ul>
            <div id="noorder" v-if="chatlist.length==0&&!is_searching" class="nodata">
                <img class="nodata_pic" src="../image/nodata.png"/>
                <h5><br />暂无相关帖子</h5>
            </div>
        </div>
      </section>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript " src="js/dl_my_bbs.js"></script>

</html>
